.msglib_board
{

	position:fixed;

	top:10%;
	right:22%;

	z-index:100;
	width:680px;
	height:508px;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow: 0px 0px 15px #666;  
	-webkit-box-shadow: 0px 0px 15px #666;   
	box-shadow: 0px 0px 15px #666;
	font-family:"微软雅黑";
	font-weight:lighter;
	cursor:default;
	
}

/*白色蒙版*/
.msglib_board .msglib_displayboard
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*前端内容板*/
.msglib_board .msglib_cntboard
{
	width:100%;
	height:100%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}


/*bar*/
.msglib_cntboard .msglib_bar
{
	width:100%;
	height:30px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	position:relative;
}

.msglib_cntboard .msglib_bar .bar_content .msglib_barname
{
	float:left;
	height:20px;
	margin-top:5px;
	margin-left:8px;
	font-size:13px;

}
.msglib_cntboard .msglib_bar .bar_content .msglib_close
{
	float:right;
	width:30px;
	height:30px;
	background:url(../img/sysbutton/btn_close_normal.png)center center no-repeat;
	background-size:cover;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_max
{
	float:right;
	width:30px;
	height:30px;
	background:url(../img/sysbutton/btn_max_normal.png)center center no-repeat;
	background-size:cover;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_restore
{
	float:right;
	width:30px;
	height:30px;
	background:url(../img/sysbutton/btn_restore_normal.png)center center no-repeat;
	background-size:cover;
}

.msglib_cntboard .msglib_bar .bar_content .msglib_mini
{
	float:right;
	width:30px;
	height:30px;
	background:url(../img/sysbutton/btn_mini_normal.png)center center no-repeat;
	background-size:cover;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_close:hover
{
	background:url(../img/sysbutton/btn_close_highlight.png)center center no-repeat;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_mini:hover
{
	background:url(../img/sysbutton/btn_mini_highlight.png)center center no-repeat;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_max:hover
{
	background:url(../img/sysbutton/btn_max_highlight.png)center center no-repeat;
}
.msglib_cntboard .msglib_bar .bar_content .msglib_restore:hover
{
	background:url(../img/sysbutton/btn_restore_highlight.png)center center no-repeat;
}

.msglib_cntboard .msglib_bar .bar_content .msglib_barname img
{
	width:16px;
	height:16px;
	vertical-align:bottom;
	margin-right:6px;
}


/*翻页按钮*/
.msglib_cntboard .msglib_title
 {
	width:100%;
	height:44px;
	background:url(../img/ConfigCenter/texture1.png)repeat;
	border-bottom:1px solid #CCC;
 }
.msglib_cntboard .msglib_title .msglib_title_tag
{
	float:left;
	padding:0 10px;
	height:30px;
	line-height:30px;
	font-size:13px;
	margin:7px 3px 5px 14px;
	

	border:1px solid transparent;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.msglib_cntboard .msglib_title .msglib_title_tag:hover,.msglib_cntboard .msglib_title .msglib_set:hover
{
	border-color:#999;
}

.msglib_cntboard .msglib_title .selected
{
	color:#0099FF;
}
.msglib_cntboard .msglib_title .msglib_smartget
{
	float:right;
	height:24px;
	line-height:24px;
	margin-right:10px;
	color:#0066CC;
	margin-top:10px;

}
.msglib_cntboard .msglib_title .msglib_smartget .ck
{
	float:left;
	width:17px;
	height:17px;
	margin-top:4px;
	margin-right:4px;
	background:url(../img/checkbutton/checkbox_normal.png)center center no-repeat;
}
.msglib_cntboard .msglib_title .msglib_smartget:hover .ck
{
	background:url(../img/checkbutton/checkbox_hightlight.png)center center no-repeat;
}
.msglib_cntboard .msglib_title .msglib_smartget .checked
{
	background:url(../img/checkbutton/checkbox_tick_normal.png)center center no-repeat;
}
.msglib_cntboard .msglib_title .msglib_smartget:hover .checked
{
	background:url(../img/checkbutton/checkbox_tick_highlight.png)center center no-repeat;
}

.msglib_cntboard .msglib_title .msglib_set
{
	float:right;
	width:37px;
	height:22px;
	margin-top:10px;
	margin-right:4px;
	border:1px solid transparent;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	position:relative;
}

.msglib_cntboard .msglib_title .msglib_set .setinfo
{
	margin:2px 3px;
}
/*
.msglib_cntboard .msglib_title .msglib_set:hover .msglib_setboard
{
	display:block;
}
*/
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard,.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li ul
{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	background:white;
	position:absolute;
	top:25px;
	left:6px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border:1px solid transparent;
	-moz-box-shadow: 0px 0px 10px #666;  
	-webkit-box-shadow: 0px 0px 10px #666;   
	box-shadow: 0px 0px 10px #666;
	z-index:10000;

	display:none;
}

.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li
{
	margin:0;
	border-left:25px solid #CCC;
	height:24px;
	line-height:24px;
	width:158px;
	text-indent:10px;
}
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li .ck
{
	width:16px;
	height:16px;
	float:left;
	margin-left:-20px;
	margin-top:5px;
}
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li .checked
{
	background:url(../img/Menu/menu_check.png)center center no-repeat;
}

.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li.viewset img
{
	float:right;
	margin-top:7px;
	margin-right:10px;
}
	
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li.showallgrp
{
	border-bottom:1px solid #CCC;
}
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li:hover
{
	background:#0099CC;
	color:white;
	border-left:25px solid #0099CC;
}

.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li ul
{
	top:-1px;
	left:184px;
}

.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li.viewset:hover ul
{
	display:block;
}
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li.viewset:hover ul li
{
	color:black;
}
.msglib_cntboard .msglib_title .msglib_set .msglib_setboard li.viewset:hover ul li:hover
{
	color:white;
}



/*--------------------------翻页内容页------------------------------------------------------*/
 .msglib_cntboard .msglib_content
 {
	/*position:relative;*/
	top:75px;
	left:0;
	width:100%;
	/*height:433px;*/
	position:absolute;
	bottom:0;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	background:url(../img/ConfigCenter/texture1.png)repeat;
	
 }

 /*切换内容板*/
 .msglib_cntboard .msglib_content .msglib_content_board
 {
	width:100%;
	height:100%;
	position:relative;
	display:none;
 }

 .msglib_cntboard .msglib_content .show
 {
	display:block;
 }

 /*无消息蒙版*/
.msglib_cntboard .msglib_content .msglib_content_board .whiteboard
{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:#CCC;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	text-align:center;
	line-height:400px;
}

/*翻页工具栏*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_toolbar
{
	width:100%;
	height:34px;
	background:url(../img/informationbox/MsgBoxQuickBarBkg.PNG?v=1)repeat;
	border-bottom:1px solid #CCC;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_toolbar .msglib_toolbar_title
{
	float:left;
	margin:7px 3px 5px 14px;

	width:78px;
	height:20px;
	line-height:20px;
	border:1px solid transparent;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_toolbar .msglib_toolbar_title:hover
{
	border-color:#999;
}


.msglib_cntboard .msglib_content .msglib_content_board .msglib_openimg
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/informationbox/MsgBox_OpenAll.PNG?v=1)center center no-repeat;
	margin:1px 3px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_ignoreimg
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/informationbox/MsgBox_IgnorAll.PNG?v=1)center center no-repeat;
	margin:1px 3px;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_replyimg
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/informationbox/MsgboxQuestionay.PNG?v=1)center center no-repeat;
	margin:1px 3px;
}

/*消息内容列表页--------------------------------------------------------------------------------*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board
{
	width:100%;
	/*height:398px;*/
	position:absolute;
	top:35px;
	left:0;
	bottom:0;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*好友列表框*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board .msglib_list
{
	float:left;
	height:100%;
	width:286px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	position:relative;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board .msglib_list .msglib_list_cnt
{
	position:absolute;
	width:100%;
	height:100%;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li
{
	display:block;
	list-style:none;
	width:100%;
	
	font-size:12px;
	clear:both;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_head
{
	height:30px;
	text-indent:16px;
	line-height:30px;
	background:url(../img/informationbox/msg_listheader_bkg.PNG?v=1)repeat;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who
{
	height:50px;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who:hover
{
	background:url(../img/ConfigCenter/texture1.png)repeat;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.selected
{
	background:white;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .header
{
	float:left;
	width:50px;
	height:50px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .header .headimg
{
	margin:13px;
	width:22px;
	height:22px;
	border:1px solid #CCC;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

	-moz-box-shadow: 0px 0px 6px #CCC;  
	-webkit-box-shadow: 0px 0px 6px #CCC;   
	box-shadow: 0px 0px 6px #CCC;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .header .headimg img
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter
{
	margin-left:50px;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter .namer
{
	float:left;
	width:100%;
	height:50%;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter .namer .fname
{
	margin-right:95px;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter .namer .count
{
	float:right;
	width:50px;
	margin-right:5px;
	height:100%;
	text-align:right;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter .namer .lasttime
{
	float:right;
	width:40px;
	height:100%;
	text-align:center;
}



.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board  .msglib_list .msglib_list_cnt ul li.msglib_list_who .cnter .newst
{
	float:left;
	width:100%;
	height:50%;
	line-height:20px;
	color:#999;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}








/*好友消息列表板*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_list_board .msglib_detail
{
	/*float:left;*/
	min-height:100%;
	/*width:394px;*/
	margin-left:286px;
	background:white;
	overflow:hidden;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;

	background:white;
	position:relative;
}


/*内容页*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab
{
	width:100%;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

/*内容工具*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_tool
{
	width:100%;
	height:26px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_tool .msglib_detail_tool_title
{
	float:left;
	margin:2px 1px;

	width:52px;
	height:20px;
	line-height:20px;
	border:1px solid transparent;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_tool .msglib_detail_tool_title:hover
{
	border-color:#999;
}




/*内容列表*/
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd
{
	margin:0 6px;
	height:60px;
	border-bottom:1px solid #CCC;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .header
{
	float:left;
	width:60px;
	height:60px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .header .headerimg
{
	width:52px;
	height:52px;
	margin-top:4px;
	position:relative;
	background:url(../img/informationbox/MainPanel_ContactHeadNormal_paddingDraw.png?v=1)center center no-repeat;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .header .headerimg:hover
{
	background:url(../img/informationbox/MainPanel_ContactHeadSelect_paddingDraw.png?v=1)center center no-repeat;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .header .headerimg img
{
	margin:5px;
	width:40px;
	height:40px;
	border:1px solid #CCC;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .header .headerimg .ol_type
{
	width:16px;
	height:16px;
	position:absolute;
	bottom:7px;
	right:7px;
	background:red;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .namer
{
	margin-left:60px;
	margin-right:0;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .namer .fname
{
	float:left;
	width:100%;
	height:40%;
	line-height:30px;	
	font-weight:bold;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_frd .namer .sign
{
	float:left;
	width:100%;
	height:60%;
	line-height:23px;
	color:#666;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}









.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list
{
	/*margin:0 4px;*/
	/*height:308px;*/
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;/*2015/10/26改为绝对定位*/
	top:87px;
	left:4px;
	right:4px;
	bottom:0;
	
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt
{
	width:100%;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;
}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage
{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage li.msglib_li
{
	list-style:none;
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	margin-top:3px;

}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage li.selected
{
	background:#FFFFCC;
	-moz-box-shadow:inset 0px 0px 1px #CC6600;  
	-webkit-box-shadow:inset 0px 0px 1px #CC6600;   
	box-shadow:inset 0px 0px 1px #CC6600;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage li.msglib_li .msghead
{
	padding-top:4px;
	text-indent:10px;
	color:#0066FF;

}

.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage li.msglib_li .msgcnt
{
	padding-left:16px;
	padding-bottom:4px;
}
.msglib_cntboard .msglib_content .msglib_content_board .msglib_detail .msglib_detail_tab .msglib_detail_list .msglib_detail_listcnt ul.msglib_detail_listpage li.msglib_li .msgcnt img
{
	max-width:90%;
	position:relative;
}

